import React from "react";
import 莫来石隔热砖1 from "./莫来石隔热砖1.png";
import { allStore } from "../../../../store/AllStore";
import { Button, Modal, Table } from "antd";

export class MulliteInsulatingBricks extends React.Component {
  onView(dataSource, columns) {
    Modal.info({
      icon: null,
      okText: allStore.isEnglish ? "Close" : "关闭",
      title: allStore.isEnglish ? "Detailed Information" : "详细信息",
      content: (
        <div>
          <Table
            style={{ height: 400 }}
            scroll={{ y: 350 }}
            bordered
            pagination={false}
            dataSource={dataSource}
            columns={columns}
          ></Table>
        </div>
      ),
      width: 960,
    });
  }
  render() {
    const columns = [
      {
        title: allStore.isEnglish ? "Item" : "分类",
        dataIndex: "Item",
        key: "Item",
      },
      {
        title: allStore.isEnglish?"Mullite Insulating bricks":"莫来石隔热砖",
        dataIndex: "1",
        colSpan: 5,
        key: "1",
      },
      {
        title: "2",
        dataIndex: "2",
        colSpan: 0,
        key: "2",
      },
      {
        title: "3",
        dataIndex: "3",
        colSpan: 0,
        key: "3",
      },
      {
        title: "4",
        dataIndex: "4",
        colSpan: 0,
        key: "4",
      },
      {
        title: "5",
        dataIndex: "5",
        colSpan: 0,
        key: "5",
      },
    ];
    const dataSource = [
   
      {1: '23', 2: '23', 3: '26', 4: '28', 5: '30', Item:allStore.isEnglish? 'Grade':"等级"},
      {1: '≥40', 2: '≥42', 3: '≥50', 4: '≥67', 5: '≥70', Item:'Al2O3(%)'},
      {1: '53', 2: '52', 3: '43', 4: '30', 5: '25', Item: 'SiO2(%)'},
      {1: '≤1.2', 2: '≤1.0', 3: '≤1.0', 4: '≤0.7', 5: '≤0.7', Item: 'Fe2O3(%)'},
      {1: '0.6', 2: '0.8', 3: '0.8', 4: '0.9', 5: '1.0', Item:allStore.isEnglish? 'Bulk density ( g/cm3 )':""},
      {1: '1300', 2: '1300', 3: '1400', 4: '1500', 5: '1550', Item:allStore.isEnglish? 'Classification Temperature(°C)':"堆积密度（g/cm3）"},
      {1: '≥1', 2: '≥2', 3: '≥2', 4: '≥3', 5: '≥3.5', Item:allStore.isEnglish? 'Cold Crushing Strength (Mpa)':"冷挤压强度（Mpa）"},
      {1: '≤1.0', 2: '≤1.0', 3: '≤1.0', 4: '≤0.8', 5: '≤0.8', Item:allStore.isEnglish? 'Permanent Linear Change (%) x 12hrs':"永久线性变化（%）x 12小时"},
      {1: '0.18（400℃）', 2: '0.20（400℃）', 3: '0.25（400℃）', 4: '0.33（400℃）', 5: '0.43（400℃）', Item:allStore.isEnglish? 'Thermal conductivity（W/m.k）':"热导率（W/m.k）"}
    ];
    return (
      <div id="mullite-insulating-bricks" className="pcd-mod-layout">
        <div
          style={{
            width: 1080,
            display: "flex",
            alignItems: "center",
          }}
        >
          <div style={{ width: 470, height: 300 }}>
            <div
              style={{
                textAlign: "start",
                fontSize: 24,
                color: "#000",
                marginBottom: 24,
              }}
            >
              {allStore.isEnglish
                ? "Mullite Insulating bricks"
                : "莫来石隔热砖"}
            </div>
            <div style={{ textAlign: "start", marginBottom: 24 }}>
              {allStore.isEnglish
                ? "Mullite Insulation Brick is a kind of quality refractory insulation materials for resisting high temperature with features of light weight, low thermal conductivity, thermal insulation and high compression strength in the high temperature furnaces or kilns. Mullite Insulation Bricks are mainly used for the top of hot blast stove, stack and bottom of blast furnace, regenerative chamber of glass melting furnace, lining of ceramic high temperature furnace and so on.supply several grades of insulating brick for use in applications from 1260℃ to 1550℃.Each grade of brick is formulated to meet specific thermal and physical requirements. After firing each brick is machined to close dimensional tolerances.We Insulating bricks are manufactured utilising exceptionally high purity clays and other ceramic materials.The carefully graded organics which are used during the manufacturing process burn out during firing to give a uniform pore structure"
                : "莫来石保温砖是一种优质的耐高温耐火保温材料，在高温窑炉中具有重量轻、导热系数低、保温隔热、抗压强度高等特点。莫来石保温砖主要用于热风炉的顶部、高炉的烟囱和底部、玻璃熔炉的蓄热室、陶瓷高温炉的内衬等。为1260℃至1550℃的应用提供多种等级的隔热砖。每种等级的砖都是为了满足特定的热和物理要求而配制的。烧制后，每块砖都经过机械加工，以达到接近的尺寸公差。我们的隔热砖是利用极高纯度的粘土和其他陶瓷材料制造的。制造过程中使用的精心分级的有机物在烧制过程中会燃烧殆尽，形成均匀的孔隙结构"}
            </div>
            <div style={{ textAlign: "start" }}>
              <Button
                type="primary"
                onClick={() => this.onView(dataSource, columns)}
              >
                {allStore.isEnglish ? "View details" : "查看详情"}
              </Button>
            </div>
          </div>
          <img
            style={{ width: 470, marginLeft: 140 }}
            alt=""
            src={莫来石隔热砖1}
          ></img>
        </div>
      </div>
    );
  }
}
